@charset "utf-8";
/* 52framework General StyleSheet - contains styles for all the HTML elements this framework supports */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:52%/1.52em;
}

/* ** ** Common Addative Classes ** ** */
.left  { float:left}
.right { float:right}
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0px; height:0px;}
.hide  { display:none}

.align_right    { text-align:right;}
.align_left     { text-align:left;}
.align_center   { text-align:center;}
.align_justify  { text-align:justify;}

a {	color:#525252;	}
a:hover, a:focus { text-decoration:underline;}
a:active, a:visited { }

blockquote {
		font-family: Georgia,"Times New Roman", Times, serif; 
		margin:5px; 
		padding:10px;
		font-size:1.52em; 
		color:#999; 
		font-style:italic; 
		line-height:1.3em; 
		width:100%; 
		quotes:none;
	}
	blockquote.left {border-right:1px dashed #ccc; width:35%;}
	blockquote.right {border-left:1px dashed #ccc; width:35%;}

/* ** ** Header Styles ** ** */
h1, h2, h3, h4, h5 {margin:0 0 0.5em; line-height:1.1em;}
h1 {	font-size:2.52em;} 
h2 {	font-size:1.952em;} 
h3 {	font-size:1.652em;} 
h4 {	font-size:1.452em;} 
h5 {	font-size:1.252em;} 
h6 {	font-size:1.52em;}

/* ** ** ul li's ** ** */
ul li
{
	margin-left:25px;
}

/* ** ** custom select color ** ** */
::selection {
	background: #525252; /* Safari */
	}
::-moz-selection {
	background: #525252; /* Firefox */
	color:#fff;
}
/* ** ** paragraph styling ** ** */
p {margin:0 0 1.52em;}
	p img.left {float:left;margin:1.52em 1.52em 1.52em 0;padding:0;}
	p img.right {float:right;margin:1.52em 0 1.52em 1.52em;}

/* ** ** forms ** ** */
form fieldset {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; padding-top:5px; padding-left:5px; border:1px solid #ccc; }
form fieldset legend {font-size:1.4em; padding:0 5px;}
form input[type=text], form select, form input[type=password], form input[type=email], form input[type=url] {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; height:20px; margin-bottom:5px; border:1px solid #ccc; padding:4px 0 1px 5px;}
form label {display:block; height:20px; font-size:1.2em;}


strong   		{	font-weight:600;}
em, dfn  		{	font-style:italic;}
dfn 	 		{   font-weight:600;}
sup, sub 		{   line-height:0;}
abbr, acronym   {	border-bottom:1px dashed #ccc;}
address 		{	margin:0 0 1.5em;font-style:italic;}
del 			{	color:#666;}
pre, code, tt   {	font:1em 'andale mono', 'lucida console', monospace;line-height:1.5; display:block;}
code 			{	background-color:#d5d2d8; display:block; padding:0px 2px 4px 26px; background:#fff url(code.jpg) no-repeat left top; line-height:1.67em;}
pre 			{	margin:1.5em 0;white-space:pre;}

#login-container
{
    width: 230px;
    margin: 0 auto;
    margin-top: 100px;
    padding: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 8px solid #ccc;
}

#login-container h1
{
    color: #666;
}

#login-container button.submit
{
    margin-top: 5px;
}

.error
{
    padding: 10px;
    border: 1px solid #fd7878;
    background: #ffd0d0;
    color: red;
}

.submit, .submit:visited
{
    background: #525252;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    border:none;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
    margin-bottom:5px;
}

form select
{
    height: auto !important;
    padding: 5px;
}

form select.width_7
{
    width:406px;
}

header
{
    height: 50px;
    padding-top: 20px;
}
    header h2
    {
        color: #333;
    }
    
    header .col_10
    {
        padding-top: 10px;
    }

        header .col_10 span
        {
            font-weight: bold;
        }

nav { background-color:#525252; color:#fff; height:36px;}
nav ul {list-style:none;}
nav ul li {float:left; margin-left:15px;}
nav ul li a {display:block; color:#fff; text-decoration:none; padding:4px 8px; margin-top:10px;
                -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;}
nav ul li a:hover, nav ul li.active a {background-color:#fff; color:#000;}

.controls
{
    margin-top: 10px;
    margin-bottom: 10px;
}

#bread-crumb img
{
    position: relative;
    top: 4px;
    left: 1px;
}

.inline
{
    display: inline;
    width: auto !important;
}

.breadcrumb-active
{
    font-weight: bold;
}

.form div
{
    margin-bottom: 5px;
}

.controls-top
{
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.success
{
    padding: 10px;
    border: 1px solid #53d763;
    background: #b4ffbd;
    color : green;
}

footer
{
    height: 70px;
}

.grid-view table
{
    width: 100%;
    margin-top: 2px;
    color: #666;
}

.grid-view table tbody
{
    border-left: 2px solid #efefef;
}

.grid-view table tbody tr
{
    border-bottom: 1px solid #efefef;
}

.grid-view table thead
{
    background: #3c3c3c;
}

.grid-view table thead th
{
    padding: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
}

.grid-view table thead th a
{
    text-decoration: none;
    color: #fff;
}

.grid-view table td
{
    padding: 5px;
    padding-top: 7px;
    padding-bottom: 6px;
    vertical-align: top;
    border-right: 1px solid #efefef;
}

.grid-view table .odd
{
    background: #fcfcfc;
}

.grid-view table .center
{
    text-align: center;
}

div.preview { float: left; width: 456px; height: 345px; border: 2px dotted #CCCCCC; }
div.preview.loading { background: url(/themes/default/images/loading.gif) no-repeat; background-position: center; }
div.preview.loading img {display: none; }

.preview
{
    text-align: center;
}

.pc
{
    width: 456px; height: 345px;
    background-position: center;
    background-repeat: no-repeat;
}

.pager
{
    margin-top: 10px;
    margin-left: 15px;
}

.pager li
{
    list-style: none;
    display: inline-block;
    margin-left: 10px;
}

.pager li.page a
{
    padding: 3px;
    padding-left: 6px;
    padding-right: 6px;
}

.pager a
{
    text-decoration: none;
}

.pager li.selected a
{
    background: #525252;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#thumb
{
    display: none;
}

.summary
{
    overflow: hidden;
    height:   auto;
}

.fr
{
    float: right;
}

.fl
{
    float: left;
}

.summary .fl
{
    margin-top: 5px;
}